<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no"/>
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
<meta name="apple-touch-fullscreen" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>赛场地址</title>
<script src="/resources/js/public/mobile-base.js"></script>
<link href="/resources/css/lib/mobile-reset.css" rel="stylesheet" type="text/css"/>
<link href="/resources/css/components/common.css" rel="stylesheet" type="text/css"/>
<link href="/resources/css/pages/form.css?4" rel="stylesheet" type="text/css"/>
<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp"></script>
<script src="//res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<style>
.map-nav-box {
		position: absolute;
		bottom: 0;
		background-color: #fff;
		width: 100%;
		height: 1.5rem;
		text-align: center;
		z-index: 1
}

.map-nav-box .address-name {
		height: 0.88rem;
		margin: 0.34rem;
		float: left
}

.map-nav-box .address-name p {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-align: left!important
}

.map-nav-box .address-name p:first-of-type {
		color: #000;
		font-size: 0.4rem;
}

.map-nav-box .address-name p:nth-of-type(2) {
		color: #999;
		font-size: 0.34rem;
}

.map-nav-box .go-here {
		width: 2.36rem;
		height: 0.88rem;
		color: #fff;
		border-radius: 0.1rem;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 0.34rem;
		right: 0.34rem;
		background-color: #1593ff
}

.map-nav-box .go-here span {
		font-size: 0.34rem;
		margin-left: 0.24rem;
}
</style>
</head>
<body class="pub-bg">
	<div class="pub-bg-inner">
		<!-- <img src="images/public/share-img.jpg" width="0" height="0" class="hide"/> -->
		<div class="info-edit-page owner-edit ">
			<!-- <div class="logo-box">
				<img src="images/public/logo.png" alt ="logo"/>
			</div> -->
			<div class="dealer-edit-cont">
				<div class="dealer-edit-cont-title pub-btn">
					赛场地址
				</div>
				<div class="contest-subtitle-detail">
					<span class="js_addressname">&nbsp;</span></br>
					<span>比赛时间：</span><span class="js_date" id="js_date">&nbsp;</span>
				</div>
				<div class="contest-map-box">
					<div class="contest-map" id="container">
					</div>
					<div class="map-nav-box">
						<div class="address-name">
							<p style="max-width: 190px" class="js_addressname">上海人民广场</p>
							<p style="max-width: 190px" id="js_addressinfo">上海人民广场</p>
						</div>
						<div class="go-here" id="js_goaddress">
							<span>去这里</span>
						</div>
					 </div>
				</div>
				<div class="contest-list-btn">
					<a href="/contestList.htm" class="pub-btn contest-return" >
						返回
					</a>
				</div>
			</div>
		</div>
	</div>
	<script src="/resources/js/public/zepto.min.js"></script>
	<script src="/resources/js/contest/contest.js?5"></script>
	<#include "share.ftl">
</body>
</html>